
<form class="ninguna" id="buqueForm" action="buque.action">
<div id="buque_accordion">

	<h3><a href="#">Buscar buque</a></h3>
	<div id="idBuqGral" >

			<fieldset>
				<legend>Indicacion</legend>
				* Si es un nuevo registro no es necesario que seleccione un buque
			</fieldset>
			<div id="container1">
			
				<div id="grid_buque">
						<table id="sBuque"></table> 
						<div id="sPagersBuque"  style="text-align:center;"></div>
					<input type="button" onclick="javascript: $('#buque_accordion').accordion('activate',1);buqControlador++;" id="buqCont0" value="Continuar>>">
				</div >
				<div id="buqImg" class="columna_derecha"></div>
			</div>
	</div>
	
	<h3><a id="buqLinkGral" href="#">Datos Generales</a></h3>
	
	

	<div   style="height: 900px;">
		<input type="button" onclick="javascript:activarLlamada(0)" id="buqRegre0" value="<<Regresar">	
		<table style='border-spacing:4px;'>
			<tr>
				<td>Nombre de Buque:</td><td><input type="text" class="required" id="nombreBuque" name="nombreBuque2" maxlength="25"></td>
				<td>Tipo de Buque:</td><td><select id="idTipoBuqueEmb" name="idTipoBuqueEmb"></select></td>
				<td>Numero Oficial</td><td><input  class="required" type="text" id="numeroOficial" name="numeroOficial2" maxlength="20"></td>
			</tr>
			<tr>
				<td colspan="3" style="text-align: right;">Numero OMI</td><td><input type="text" onblur="javascript:verificarOmi();" id="numeroOmi" name="numeroOmi" maxlength="53"></td>
			</tr>
			<tr class="omi">
			<td>Clase Maquina</td><td><input type="text" id="claseMaquina" name="claseMaquina" maxlength="50"></td>
			<td>Fabricante</td><td><input type="text" id="fabricante" name="fabricante" maxlength="50"></td>
				<td>
				</td>
			</tr>
			<tr class="omi">
				<td>Modelo</td><td><input  type="text" id="modelo" name="modelo" maxlength="50"></td>
				<td>Marca</td><td><input type="text" id="marca" name="marca" maxlength="50"></td>
				<td>Velocidad del Buque</td><td><input class="number" type="text" id="velocidadBuque" name="velocidadBuque" maxlength="50"></td>
			</tr>
			<tr class="omi">
				<td>No. Cilindros</td><td><input type="text" id="numeroCilindros" name="numeroCilindros"></td>
				<td>Potencia</td><td><input class="number" type="text" id="potencia" name="potencia"></td>
				<td>No.Maquinas</td><td><input type="text" id="noMaquinas" name="noMaquinas"></td>
			</tr>
			<tr>
				<td>Manga</td><td><input class="number" type="text" id="manga" name="manga"></td>
				<td>Calado</td><td><input class="number" type="text" id="calado" name="calado"></td>
				<td>Puntal</td><td><input class="number" type="text" id="puntal" name="puntal"></td>
			</tr>
			<tr>
				<td></td><td><input class="number" type="text" id="medidas" name="medidas"></td>
				<td>Eslora</td><td><input class="number" type="text" id="eslora" name="eslora"></td>
				<td>Color</td><td><input type="text" id="color" name="color" maxlength="15"></td>
			</tr>
			<tr>
				<td>Material</td><td><select id="idMaterial" name="idMaterial"></select></td>
				<td>A&ntilde;o quilla</td><td><input class="digits" type="text" id="anioQuilla" maxlength="4" size="4" name="anioQuilla"></td>
				<td>A&ntilde;o de Construcci&oacute;n</td><td><input class="digits" type="text" maxlength="4" size="4" id="anioConstruccion" name="anioConstruccion"></td>
			</tr>
			<tr>
				<td>TRB</td><td><input class="number" type="text" id="trb" name="trb"></td>
				<td>TRN</td><td><input class="number" type="text" id="trn" name="trn"></td>
				<td></td><td></td>
			</tr>
			<tr>
				<td>Distintivo Llamada</td><td><input type="text" id="distintivoLlamada" name="distintivoLlamada" maxlength="50"></td>
				<td>Servicio Buque</td><td><select id="idServicioBuque" name="idServicioBuque"></select></td>
				<td>Puerto</td><td><select id="idPuerto" name="idPuerto"></select></td>
			</tr>
			<tr>
				<td>Ubicacion Fisica</td><td><input type="text" id="ubicacionFisica" name="ubicacionFisica" maxlength="100"></td>
				<td>Dotacion Minima</td><td><input class="digits" type="text" id="dotacioMinima" name="dotacioMinima"></td>
				<td>Combustible</td><td><input type="text" id="combustible" name="combustible" maxlength="50"></td>
			</tr>
			
			<tr>
				<td>Construido en</td><td><input type="text" id="construidoEn" name="construidoEn" maxlength="50"></td>
				<td>Constructor</td><td><input type="text" id="constructor" name="constructor" maxlength="50"></td>
					<td></td>
			</tr>
		</table>
		<input type="submit" value="Continuar>>" id="buqCont1">
<!--		<input type="button" onclick="javascript:activarLlamada('buqLinkProp')" id="buqCont1" value="Continuar">-->
	</div>

	<h3><a id="buqLinkProp" href="#">Propietarios</a></h3>
	<div>
	<input type="button" onclick="javascript:activarLlamada(1)" id="buqRegre1" value="<<Regresar">
	<table>
		<tr><td>
			<table id="sPersona" cellpadding="0" cellspacing="0"></table> 
			<div id="sPagerPersona"  style="text-align:center;"></div>
		</td>
		<td>
			<table id="porPer">
			
			</table>
		</td>
		</tr>
		<tr>
		<td>
			Total : <input type="text" id = "buqueTotal" readonly/>
		</td>
		</tr>
	</table>
		<input type="submit" value="Continuar>>" id="buqCont2">
	</div>


	<h3><a id="buqLinkMotor" href="#">Datos de Motor</a></h3>
	<div>
	<input type="button" onclick="javascript:activarLlamada(2)" id="buqRegre2" value="<<Regresar">
		<table id="sMotorBuque" cellpadding="0" cellspacing="0"></table> 
		<div id="sPagersMotorBuque"  style="text-align:center;"></div>
		<input type="button" onclick="javascript: $('#buque_accordion').accordion('activate',4);buqControlador++;" id="buqCont3" value="Continuar">
	</div>
	<h3><a id="buqLinkResolucion" href="#">Resolucion</a></h3>
	<div>
		 <input type="button" onclick="javascript:activarLlamada(3)" id="buqRegre3" value="Regresar">  
        <table width="477" border="0" align="center">
        
              <tr>
                <td>Estado: </td><td><select name="estado" id="estado">
                					<option value="I">Inscrito</option>
                					<option value="B">Baja de Bandera</option>		
                					</select></td>
              </tr>
              <tr>
                <td width="122">Fecha de Resolucion de Director Ejecutivo: </td><td width="345"><input name="fechaResolucionDE" id="fechaResolucionDE" width="200" type="text" size="40"/> </td>
              </tr>   
               <tr>
                <td width="122">Fecha de Notificacion : </td><td width="345"><input name="fechaNotificacion" id="fechaNotificacion" width="200" type="text" size="40"/> </td>
              </tr>   
              <tr>
                <td width="122">Fecha de Emision : </td><td width="345"><input name="fechaEmision" id="fechaEmision" width="200" type="text" size="40"/> </td>
              </tr>  
              <tr>
                <td width="122">Fecha de Expiracion : </td><td width="345"><input name="fechaExpiracion" id="fechaExpiracion" width="200" type="text" size="40"/> </td>
              </tr>    
              <tr>
                <td height="74">Resolucion de Director Ejecutivo: </td><td> <input type="text" name="resolucionDE"  id="resolucionDE"></td>   
              </tr>
          
              
         
          </table>
          <input type="button" value="Finalizar" id="buqCont4" onclick="javascript:buqEspecialFinal()">
	</div>
</div>
<input type="hidden" id="contador" name="contador" value="0">
<input type="hidden" id="oper" name="oper" value="add">
<input type="hidden" id="idBuque" name="idBuque" value="0">
</form>
<form id="file_upload" action="archBuq.action" method="POST" enctype="multipart/form-data">
<div id="drop_zone_1">
        <input id="upload" type="file" name="upload" multiple>
        <div>Upload files</div>
    </div>
</form>

<script type="text/javascript">
<!--

	function buqEspecialFinal(){
         //envio el formulario utilizando ajax
         var parametros = $("#buqueForm").serialize();
         $.ajax({
            type:'POST',
            dataType:'JSON',
            data:parametros,
            url: "${pageContext.request.contextPath}/buque.action?final=1",
            success:function(responseText){
         	   
         	   var data2 = eval(responseText);//json_parse(responseText);
         	  
                // alert(data);
         	   $("#oper").val("edit");
	   				$("#idBuque").val(data2.idBuque);
	   				$("#drop_zone_1").show();

	   				jQuery("#sMotorBuque").jqGrid('setGridParam',{postData:{idBuque:$("#idBuque").val()}});
	   				if(buqControlador==3){
	   					$("#buque_accordion").accordion('activate',4);
	   					buqControlador++;
	   				 }
					
	   				if(buqControlador==2){
	   					$("#buque_accordion").accordion('activate',3);
	   					buqControlador++;
	   				 }
	   				
	   				 if(buqControlador==1){
	   		          $("#buque_accordion").accordion('activate',2);
		   					//$("#buqLinkProp").trigger("click");
	   					buqControlador++;
	   				 }
	   				
	   			
                }
         });
     }
	



	function enviarFormBuque(idFormulario){
    $(idFormulario).submit(function (){
        if($("#buqueForm").valid()){
            //envio el formulario utilizando ajax
            var parametros = $(this).serialize();
            $.ajax({
               type:'POST',
               dataType:'JSON',
               data:parametros,
               url: "${pageContext.request.contextPath}/buque.action",
               success:function(responseText){
            	   
            	   var data2 = eval(responseText);//json_parse(responseText);
            	  
                   // alert(data);
            	   $("#oper").val("edit");
	   				$("#idBuque").val(data2.idBuque);

	   				jQuery("#sMotorBuque").jqGrid('setGridParam',{postData:{idBuque:$("#idBuque").val()}});
	   				$("#drop_zone_1").show();
	   				if(buqControlador==3){
	   					$("#buque_accordion").accordion('activate',4);
	   					buqControlador++;
	   				 }
					
	   				if(buqControlador==2){
	   					$("#buque_accordion").accordion('activate',3);
	   					buqControlador++;
	   				 }
	   				
	   				 if(buqControlador==1){
	   		          $("#buque_accordion").accordion('activate',2);
		   					//$("#buqLinkProp").trigger("click");
	   					buqControlador++;
	   				 }
	   				
                   }
            });
        }else{
        	//activarLlamada("buqLinkGral");	
        	$("#buque_accordion").accordion('activate',1);
         }
        opcionPres='nin';
        return false;
    });
	
	}


$(function () {
	// $('#file_upload').fileUploadUI();
    var initFileUpload = function (suffix) {
        $('#file_upload').fileUploadUI({
            namespace: 'upload',
            fileInputFilter: '#upload' ,
            dropZone: $('#drop_zone_' + suffix),
           // uploadTable: $('#files_' + suffix),
           // downloadTable: $('#files_' + suffix),

            buildDownloadRow: function (file) {
                guardarPathBuque($("#idBuque").val(),file.name);
                return $('<tr><td>' + file.name + '<\/td><\/tr>');
            }
        });
    };
    initFileUpload(1);
});

function guardarPathBuque(idbuque,nombreArchivo){
	$.ajax({
	    type: "POST",                           
	    url: "${pageContext.request.contextPath}/buque.action",
	    data: {oper:"pathBuque",idbuque:idbuque,nomArchivo:nombreArchivo},                                
	    success: function(data){                            
	    	alert("Guarde");
	    }                         
	    });
}

	var buquePorCiento =0;
	var buqControlador=0;
	$(document).ready(function(){
		   	$("#medidas").hide();
			$("#drop_zone_1").hide();
			ponerTitulo("Registro Buques");
			gridPersonas();
			gridMotorBuques();
			gridBuques();
			$(".omi").hide();
			$("#buqCont4").button();	
			$("#buqCont3").button();	
			$("#buqCont1").button();	
			$("#buqCont2").button();
			$("#buqCont0").button();
			$("#buqRegre0").button();
			$("#buqRegre1").button();
			$("#buqRegre2").button();
			$("#buqRegre3").button();
			$( "#fechaResolucionDE" ).datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '1990:2020'
        });
			$( "#fechaNotificacion" ).datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '1990:2020'
        });
			$( "#fechaExpiracion" ).datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '1990:2020'
        });
			$( "#fechaEmision" ).datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '1990:2020'
        });
			$( "#fechaResolucionDE" ).datepicker("option", "dateFormat", 'dd/mm/yy');
			$( "#fechaNotificacion" ).datepicker("option", "dateFormat", 'dd/mm/yy');
			$( "#fechaExpiracion" ).datepicker("option", "dateFormat", 'dd/mm/yy');
			$( "#fechaEmision" ).datepicker("option", "dateFormat", 'dd/mm/yy');
			cargarCombo('${pageContext.request.contextPath}/combo.action','tipoBuque','#idTipoBuqueEmb');
			cargarCombo('${pageContext.request.contextPath}/combo.action','material','#idMaterial');
			cargarCombo('${pageContext.request.contextPath}/combo.action','servicioBuque','#idServicioBuque');
			cargarCombo('${pageContext.request.contextPath}/combo.action','puerto','#idPuerto');


			desactivarAcordiones("#buqLinkGral");
			desactivarAcordiones("#buqLinkProp");
			desactivarAcordiones("#buqLinkMotor");
			desactivarAcordiones("#buqLinkResolucion");
			
			$( "#buque_accordion" ).accordion();
			enviarFormBuque("#buqueForm");
			$("#idBuqGral").css("height",'320');

			$("#upload").button();
			// $("span").removeClass("ui-icon-triangle-1-e");
			
			    //initFileUpload(1);

	});


	function desactivarAcordiones(id){
		  $(id).click(function(event){
              //alert("aca es");
                  event.preventDefault();
                  return false;
           });
	}
	
	
	function verificarOmi(){
		if($("#numeroOmi").val()!=""){
			$(".omi").show();
		}else{
			$(".omi").hide();
		}
			
	}

	function activarLlamada(id){
		//$("#"+id).trigger("click");
		buqControlador--;
		  $("#buque_accordion").accordion('activate',id);
	}

	function gridPersonas(){
		
		jQuery("#sPersona").jqGrid({ 
		url:'${pageContext.request.contextPath}/persona.action?oper=personaAux',
		editurl:'${pageContext.request.contextPath}/persona.action', 
		datatype: "json", 
		height: 'auto', width: 'auto', 
		colModel:[ 
					{name:'idPersona',index:'idPersona',hidden:true, width:150, label:'Id Opcion Menu', sortable:true, editable:true},
					{name:'nombrePersona',index:'nombrePersona', width:250, label:'Nombre', editable:true, edittype:"text"},
					{name:'dui',index:'dui', width:150, label:'Documento', editable:true, edittype:"text"}
				], 
		rowNum:5, rowList:[5,10,15], 
		mtype: "POST", 
		rownumbers: true, rownumWidth: 40,
		
		onSelectRow:function(rowid,status){
			if(($("#buqueTotal").val()/1)<100){
				crearFila(rowid);
			}else{
				alert("El porcentaje no puede exceder el 100%");
			}
			
		}, 
		gridview: true, 
		pager: '#sPagerPersona', 
		sortname: 'idPersona', viewrecords: true, sortorder: "asc", 
		caption: "Personas" 
	}).navGrid('#sPagerPersona', { edit:false,add:false,del:false,search:false,refresh:true }); 
		jQuery("#sPersona").jqGrid('filterToolbar',{stringResult: false,searchOnEnter : true}); 
	}

	function cargarDataBuque(rowId){
		  $.ajax({
		        url:"${pageContext.request.contextPath}/buque.action",
		        data:{oper:"datosBuques",idBuque:rowId},
		        success:function(responseText, statusText) {
		        	  var decs = eval(responseText);
		        	  $("#anioConstruccion").val(decs.buques.anioConstruccion);
		        	  $("#nombreBuque").val(decs.buques.nombreBuque);
					 if(decs.buques.idTipoBuqueEmb!=null)
		        	  $("#idTipoBuqueEmb").val(decs.buques.idTipoBuqueEmb.idTipoBuqueEmb);
		        	  $("#numeroOficial").val(decs.buques.numeroOficial);
		        	  $("#numeroOmi").val(decs.buques.numeroOmi);
		        	  $("#claseMaquina").val(decs.buques.claseMaquina);
		        	  $("#fabricante").val(decs.buques.fabricante);
		        	  $("#modelo").val(decs.buques.modelo);
		        	  $("#marca").val(decs.buques.nombreBuque);
		        	  $("#velocidadBuque").val(decs.buques.velocidadBuque);
		        	  $("#numeroCilindros").val(decs.buques.numeroCilindros);
		        	  $("#potencia").val(decs.buques.potencia);
		        	  $("#noMaquinas").val(decs.buques.noMaquinas);
		        	  $("#manga").val(decs.buques.manga);
		        	  $("#calado").val(decs.buques.calado);
		        	  $("#puntal").val(decs.buques.puntal);
		        	  $("#medidas").val(decs.buques.medidas);
		        	  $("#eslora").val(decs.buques.eslora);
		        	  $("#color").val(decs.buques.color);
		        	  if(decs.buques.idMaterial!=null)
		        	  	$("#idMaterial").val(decs.buques.idMaterial.idMaterial);
		        	  $("#anioQuilla").val(decs.buques.anioQuilla);
		        	  $("#anioConstruccion").val(decs.buques.anioConstruccion);
		        	  
		        	  $("#trb").val(decs.buques.trb);
		        	  $("#trn").val(decs.buques.trn);
		        	  $("#distintivoLlamada").val(decs.buques.distintivoLlamada);
		        	  if(decs.buques.idServicioBuque!=null)
		        	  	$("#idServicioBuque").val(decs.buques.idServicioBuque.idServicioBuque);
		        	  if(decs.buques.idPuerto!=null)
		        	  	$("#idPuerto").val(decs.buques.idPuerto.idPuerto);
		        	  $("#ubicacionFisica").val(decs.buques.ubicacionFisica);
		        	  $("#dotacioMinima").val(decs.buques.dotacioMinima);
		        	  $("#combustible").val(decs.buques.combustible);
		        	  $("#construidoEn").val(decs.buques.construidoEn);
		        	  $("#constructor").val(decs.buques.constructor);
		        	  $("#idBuque").val(decs.buques.idRegistroBuque);
		        	  $("#porPer").html("");
		        	  $("#porPer").append(decs.duennos);
		        	  $("#oper").val("edit");
		        	  $("#contador").val(decs.contador);

		        	  $("#buqueTotal").val(decs.total);
					  if((decs.total/1)==100)
		        	  	$("#buqCont2").show();
					  else
						  $("#buqCont2").hide();
					$("#buqImg").html("");
		        	  //${pageContext.request.contextPath}/
		        	  //alert(decs.buques.foto);
		        	  $("#buqImg").html("<img style='margin-top:10%;margin-left:30%' width='250' height='250' src='${pageContext.request.contextPath}/imagenes/"+decs.buques.foto+"'></img>");
		        	  
		        	 var url = $("#sMotorBuque").getGridParam("url");
		        	 // alert(url);
		        	  //url = url + "&idBuque="+$("#idBuque").val();
		        	  //$("#sMotorBuque").setGridParam("url",url);
		        	  jQuery("#sMotorBuque").jqGrid('setGridParam',{postData:{idBuque:$("#idBuque").val()}});
		        	  $("#sMotorBuque").trigger("reloadGrid"); 
		              
		        },
		        dataType:'JSON'
		    });
	}

	
	function gridBuques(){
		
		jQuery("#sBuque").jqGrid({ 
		url:'${pageContext.request.contextPath}/buque.action?oper=cargarBuques',
		editurl:'${pageContext.request.contextPath}/buq.action', 
		data : {idBuque:$("#idBuque").val()},
		datatype: "json", 
		height: 'auto', width: 'auto', 
		colModel:[ 
					{name:'idRegistroBuque',index:'idRegistroBuque',hidden:true, width:150, label:'Id Opcion Menu', sortable:true, editable:true},
					{name:'nombreBuque',index:'nombreBuque', width:250, label:'Nombre Buque', editable:true, edittype:"text"},
					{name:'numeroOficial',index:'numeroOficial', width:150, label:'Numero Oficial', editable:true, edittype:"text"}
				], 
				rowNum:5, rowList:[5,10,15], 
		mtype: "POST", 
		rownumbers: true, rownumWidth: 40,
		onSelectRow:function(rowid,status){
			cargarDataBuque(rowid);
			$("#drop_zone_1").show();
			
		}, 
		gridview: true, 
		pager: '#sPagersBuque', 
		sortname: 'idPersona', viewrecords: true, sortorder: "asc", 
		caption: "Buques" 
	}).navGrid('#sPagersBuque', { edit:false,add:false,del:false,search:false,refresh:true }); 
		jQuery("#sBuque").jqGrid('filterToolbar',{stringResult: false,searchOnEnter : true}); 
}

	
	function gridMotorBuques(){
		
			jQuery("#sMotorBuque").jqGrid({ 
			url:'${pageContext.request.contextPath}/buq.action?oper=cargarMotorBuque',
			editurl:'${pageContext.request.contextPath}/buq.action', 
			postData : {idBuque:$("#idBuque").val()},
			datatype: "json", 
			height: 'auto', width: 'auto', 
			colModel:[ 
						{name:'idMotorBuque',index:'idMotorBuque',hidden:true, width:150, label:'Id Opcion Menu', sortable:true, editable:false},
						{name:'buque',index:'buque', width:250, label:'id_buque', editable:true, edittype:"text"},
						{name:'unidadPotencia',index:'unidadPotencia', width:250, label:'Unidad De Potencia', editable:true, edittype:"select",editoptions:seleccioneUno()},
						{name:'marcaMotor',index:'marcaMotor', width:150, label:'Marca Motor', editable:true, edittype:"text" ,editoptions: {maxlength: 50}},
						{name:'modeloMotor',index:'modeloMotor', width:150, label:'Modelo Motor', editable:true, edittype:"text" ,editoptions: {maxlength: 50}},
						{name:'noSerie',index:'noSerie', width:150, label:'No de Serie', editable:true, edittype:"text" ,editoptions: {maxlength: 50}},
						{name:'magnitudPotencia',editrules:{number:true},index:'magnitudPotencia', width:150, label:'Magnitud de Potencia', editable:true, edittype:"text"}
					], 
			rowNum:20, rowList:[2,20,30], 
			mtype: "POST", 
			rownumbers: true, rownumWidth: 40,
			onSelectRow:function(rowid,status){
				
			},
			
			gridview: true, 
			pager: '#sPagersMotorBuque', 
			sortname: 'idMotorBuque', viewrecords: true, sortorder: "asc", 
			caption: "Personas" 
		}).navGrid('#sPagersMotorBuque', { edit:false,add:true,del:true,search:false,refresh:true }
		, 
		{	width:600,height:320,
			closeAfterAdd: true,
    		closeAfterEdit: true,
			beforeShowForm:function(formid){
				$("#tr_buque").hide();
				$("#buque").val($("#idBuque").val());
				cargarCombo('${pageContext.request.contextPath}/combo.action','uniPot','#unidadPotencia');
			}
		}, // edit options 
		{	width:600,height:320,
			closeAfterAdd: true,
    		closeAfterEdit: true,
			beforeShowForm:function(formid){
				$("#tr_buque").hide();
				$("#buque").val($("#idBuque").val());
				cargarCombo('${pageContext.request.contextPath}/combo.action','uniPot','#unidadPotencia');
			}
		}, // add options 
		{width:375,height:175}, //del options 
		{multipleSearch:true} // search options 
		);
 

	}
	

	function validarPorCiento(idInput){
		temporal = 0;
		temporal = buquePorCiento + ($("#porcentajeVal"+idInput).val()/1);
		if(temporal>100){
			//buquePorCiento = buquePorCiento - ($("#porcentajeVal"+idInput).val()/1);	
			alert("El porcentaje no puede exceder el 100%");
		}else{
			$("#bqBor"+idInput).show();
			buquePorCiento = temporal;
			$("#nombreVal"+idInput).attr("readonly","readonly");
			$("#porcentajeVal"+idInput).attr("readonly","readonly");
			$("#buqueTotal").val(buquePorCiento);
			$("#bqAdd"+idInput).hide();
			
		}
		if(temporal==100){
			$("#buqCont2").show();
		}
		
	}

	function eliminarDuenno(idFila,idPersona,idBuque){
		$.ajax({
		    type: "POST",                           
		    url: "${pageContext.request.contextPath}/buque.action",
		    data: {oper:"eliminarDuenos",idPersona:idPersona,idBuque:idBuque},                                
		    success: function(data){                            
		    	buquePorCiento = ($("#buqueTotal").val()/1) - ($("#porcentajeVal"+idFila).val()/1);
				$("#buqueTotal").val(buquePorCiento);
				$("#tr"+idFila).remove();
				if($("#porPer tr").length>0){
					$("#buqCont2").hide();
				}else{
					$("#buqCont2").show();
				}
				
		    }                         
		    });
	}
	function crearFila(rowid){

		var conta = ($("#contador").val()/1) + 1;
		var html = "<tr id='tr"+conta+"'> ";
		html  = html + "<td><input type='hidden' name='hdVal"+conta+"' id='hdVal"+conta+"' value='"+rowid+"'> </td>";		 
		html  = html + "<td><input type='text' name='nombreVal"+conta+"' id='nombreVal"+conta+"'> </td>";
		html  = html + "<td><input type='text' class='number' name='porcentajeVal"+conta+"' id='porcentajeVal"+conta+"'> </td>";
		html  = html + "<td><input id='bqAdd"+conta+"'  class='agrego' type='button' onclick='javascript:validarPorCiento("+conta+")'></td>";
		html  = html + "<td><input type='button' id='bqBor"+conta+"' class='delete' onclick='javascript:eliminarFila("+conta+")'></td>";
		html  = html + "</tr>";
		$("#porPer").append(html);
		$("#contador").val(conta);
		$("#bqBor"+conta).hide();
		var nombreP= jQuery("#sPersona").getCell(rowid,"nombrePersona");
		$("#nombreVal"+conta).val(nombreP);

		if($("#porPer tr").length>0){
			$("#buqCont2").hide();
		}else{
			$("#buqCont2").show();
		}
		
	}
	function eliminarFila(idFila){
		//var conta = ($("#contador").val()/1) - 1;
		buquePorCiento = buquePorCiento - ($("#porcentajeVal"+idFila).val()/1);
		$("#buqueTotal").val(buquePorCiento);
		$("#tr"+idFila).remove();

		if($("#porPer tr").length>0){
			$("#buqCont2").hide();
		}else{
			$("#buqCont2").show();
		}
		//$("#contador").val(conta);
	}
	
</script>
<style>

fieldset
{
border: 1px solid #781351;
background:#F7F7F7;
}

legend
{
color: #fff;
background: #0978EA;
border: 1px solid #781351;
padding: 2px 6px
}
#container1 {
    float:left;
    width:100%;
}
#grid_buque {
    float:left;
    width:40%;
   // background:red;
}
#buqImg {
    float:left;
    width:40%;
    margin-top:-30px;
    margin-left:130px;
    //background:yellow;
}

</style>
